<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>苏宁易购</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="shortcut icon" href="./favicon.ico">
</head>

<body>
    <div class="header">
        <a href="#" class="feng-lei"><img src="./images/fenlei.png" alt=""></a>
        <a class="shou-sou">苏宁极物 小biu空调</a>
        <a href="#" class="deng-lu">登录</a>
    </div>
    <div class="lun-bo">
        <img src="./uploads/156577967414465755.jpg" alt="">
    </div>
    <ul class="lou-cheng row wrap">
        <li class="col-20">
            <a href="#"><img src="./uploads/120/154708800857670247.webp" alt="">
                <span>苏宁超市</span>
            </a>
        </li>
        <li class="col-20">
            <a href="#"><img src="./uploads/120/154708804944582613.webp" alt="">
                <span>苏宁超市</span>
            </a>
        </li>
        <li class="col-20">
            <a href="#"><img src="./uploads/120/154708806622775342.webp" alt="">
                <span>苏宁超市</span>
            </a>
        </li>
        <li class="col-20">
            <a href="#"><img src="./uploads/120/154708810364057852.webp" alt="">
                <span>苏宁超市</span>
            </a>
        </li>
        <li class="col-20">
            <a href="#"><img src="./uploads/120/154708812182127441.webp" alt="">
                <span>苏宁超市</span>
            </a>
        </li>
        <li class="col-20">
            <a href="#"><img src="./uploads/120/156456317931121525.webp" alt="">
                <span>苏宁超市</span></a>
        </li>
        <li class="col-20">
            <a href="#"><img src="./uploads/120/154708813941914251.webp" alt="">
                <span>苏宁超市</span>
            </a>
        </li>
        <li class="col-20">
            <a href="#"><img src="./uploads/120/154710176930796178.webp" alt="">
                <span>苏宁超市</span>
            </a>
        </li>
        <li class="col-20">
            <a href="#"><img src="./uploads/120/154762102044051306.webp" alt="">
                <span>苏宁超市</span>
            </a>
        </li>
        <li class="col-20">
            <a href="#"><img src="./uploads/120/155175138228120594.webp" alt="">
                <span>苏宁超市</span>
            </a>
        </li>
    </ul>
    <div class="bai-wang row">
        <a href="#" class="col-33"><img src="./uploads/156577119516370464.png" alt=""></a>
        <a href="#" class="col-33"><img src="./uploads/156577150422112405.png" alt=""></a>
        <a href="#" class="col-33"><img src="./uploads/156578911464173372.png" alt=""></a>
    </div>
    <div class="tou-tiao row">
        <img src="./images/154415242370235605.png" alt="" class="shuning-toutiao">
        <ul class="huo-dongbao">
            <li>
                <div>
                    <span>活动爆料：818家居日用，全场停不下来。</span>
                    <span>活动爆料：818家居日用，全场停不下来。</span>
                </div>
                <img src="./uploads/156568091247875915.jpg" alt="" class="wa-zi">
            </li>
        </ul>

    </div>
    <div class="xing-reng row wrap floot">
        <div class="xingreng-shan col-100"><a href="#"><img src="./uploads/154415448928346452.jpg" alt=""></a></div>
        <div class="xinghui-yuan col-50">
            <h2>新会员专享</h2>
            <p>注册即领新人礼包</p>
            <div class="nei-yong row">
                <a href="#" class="col"> <img src="./uploads/200/154417580783943369.jpg" alt=""></a>
                <a href="#" class="col"> <img src="./uploads/200/155140474975932432.png" alt=""></a>
            </div>

        </div>
        <div class="xinghui-yuan col-25">
            <h2>会员专享</h2>
            <p>注册即领</p>
            <div class="nei-yong row">

                <a href="#" class="col"> <img src="./uploads/200/155140474975932432.png" alt=""></a>
            </div>
        </div>
        <div class="xinghui-yuan col-25">
            <h2>会员专享</h2>
            <p>注册即领</p>
            <div class="nei-yong row">

                <a href="#" class="col"> <img src="./uploads/200/155140474975932432.png" alt=""></a>
            </div>
        </div>
    </div>
    <div class="xian-shi floot row wrap">
        <div class="xianshi-qian col-50 br bb">
            <div class="biao-ti row">
                <h2>限时抢购</h2>
                <p>天天秒杀</p>
            </div>
            <div class="shi-jiang row">
                <span class="zi-ti">00点场 距离下场</span>
                <div class="miao-shi row">
                    <p>01</p>
                    <span>:</span>
                    <p>00</p>
                    <span>:</span>
                    <p>27</p>
                </div>
            </div>
            <ul class="yi-fu row">
                <li class="yi-fu1">
                    <a href="#">
                        <img src="./uploads/10031873410576262814picH_1.jpg" alt="">
                        <p>￥299</p>
                    </a>
                </li>
                <li class="yi-fu1">
                    <a href="#"><img src="./uploads/10032421810540938995picH_1.jpg" alt="">
                        <p>￥39</p>
                    </a>
                </li>
                <li class="yi-fu1">
                    <a href="#"> <img src="./uploads/100318794145327516picH_1.jpg" alt="">
                        <p>￥69</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="xianshi-qian col-50 row bb">
            <div class="biao-ti row">
                <h2 class="suning-col">苏宁Outlets</h2>
                <p>大牌特卖</p>
            </div>
            <div class="shi-jiang row">
                <span class="zi-ti">抢818满188减100叠加劵</span>

            </div>
            <ul class="yi-fu row">
                <li class="yi-fu1 col-50 row">
                    <a href="#">
                        <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="" class="tupian">

                    </a>
                </li>
                <li class="yi-fu1 col-50 row">
                    <a href="#" class="tupian"><img src="./uploads/mnWtASF_pp1hJ_ItJF1VqA.webp" alt="" class="tupian">
                    </a>

                </li>

            </ul>
        </div>
        <div class="xianshi-qian col-25 row br">
            <div class="biao-ti row">
                <h2 class="suning-col">好货</h2>

            </div>
            <div class="shi-jiang row">
                <span class="zi-ti">有品质好物</span>

            </div>
            <ul class="yi-fu row">
                <li class="yi-fu1 col-50 row">
                    <a href="#">
                        <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="" class="tupian">
                    </a>
                    <span class="haochi-de">买点好吃的</span>
                </li>
            </ul>
        </div>
        <div class="xianshi-qian col-25 row br">
            <div class="biao-ti row">
                <h2 class="suning-col">好货</h2>

            </div>
            <div class="shi-jiang row">
                <span class="zi-ti">有品质好物</span>

            </div>
            <ul class="yi-fu row">
                <li class="yi-fu1 col-50 row">
                    <a href="#">
                        <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="" class="tupian">
                    </a>
                    <span class="haochi-de">买点好吃的</span>
                </li>
            </ul>
        </div>
        <div class="xianshi-qian col-50 row">
            <div class="biao-ti row">
                <h2 class="suning-col">苏宁Outlets</h2>

            </div>
            <div class="shi-jiang row">
                <span class="zi-ti">2人拼更实惠 全场包邮</span>

            </div>
            <ul class="yi-fu row">
                <li class="yi-fu1 col-50 row">
                    <a href="#">
                        <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="" class="tupian">

                    </a>
                    <span class="haochi-de">买点好吃的</span>
                </li>
                <li class="yi-fu1 col-50 row">
                    <a href="#" class="tupian"><img src="./uploads/mnWtASF_pp1hJ_ItJF1VqA.webp" alt="" class="tupian">
                    </a>
                    <span class="haochi-de">买点好吃的</span>
                </li>

            </ul>
        </div>
    </div>
    <div class="ding-jing">
        <a href="#">
            <img src="./uploads/156577177877768618.png" alt="">
        </a>
    </div>
    <ul class="ying-qu row wrap">
        <li class="col-50"><a href="#"><img src="./uploads/156577238683356171.webp" alt=""></a></li>
        <li class="col-50"><a href="#"><img src="./uploads/156577231735056841.webp" alt=""></a></li>
        <li class="col-50"><a href="#"><img src="./uploads/156578461143431113.webp" alt=""></a></li>
        <li class="col-50"><a href="#"><img src="./uploads/156577215125650135.webp" alt=""></a></li>
    </ul>
    <ul class="jia-dian row">
        <li class="col-25"><a href="#" class="col-100 dian-mo">
                <img src="./uploads/200/0000000000000000010372006589.webp" alt="">
                <div>
                    <p>电摩会场</p>
                    <p class="teo21">满3499减618</p>
                </div>
            </a></li>
        <li class="col-25"><a href="#" class="col-100 sheng-huo"><img
                    src="./uploads/200/0000000000000000010372006589.webp" alt="">
                <div>
                    <p>电摩会场</p>
                    <p class="teo21">满3499减618</p>
                </div>
            </a></li>
        <li class="col-25"><a href="#" class="col-100 xion-ying"><img
                    src="./uploads/200/0000000000000000010372006589.webp" alt="">
                <div>
                    <p>电摩会场</p>
                    <p class="teo21">满3499减618</p>
                </div>
            </a></li>
        <li class="col-25"><a href="#" class="col-100 dianshi-jia"><img
                    src="./uploads/200/0000000000000000010372006589.webp" alt="">
                <div>
                    <p>电摩会场</p>
                    <p class="teo21">满3499减618</p>
                </div>
            </a></li>
    </ul>
    <!-- <div class="meiri-logo"><img src="./uploads/154875835012575413.webp" alt=""></div>
    <ul class="meir-biguan row wrap floot">
        <li class="col-50 br bb">
            <div class="xing-ping">
                <h2>新品首发</h2>
                <span>大牌新品抢先</span>
            </div>
            <p>万物皆可盘</p>
            <a href="#">
                <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="">
                <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="">
            </a>
        </li>
        <li class="col-50 bb">
            <div class="xing-ping">
                <h2>新品首发</h2>

            </div>
            <p>超市屯好货 优惠享不停</p>
            <a href="#">
                <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="">
                <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="">
            </a>
        </li>
        <li class="col-50 br">
            <div class="xing-ping">
                <h2>新品首发</h2>

            </div>
            <p>超市屯好货 优惠享不停</p>
            <a href="#">
                <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="">
                <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="">
            </a>
        </li>
        <li class="col-25 br">
            <div class="xing-ping">
                <h2>新品首发</h2>

            </div>
            <p class="nu-bi">努比亚 Z20</p>
            <a href="#">
                <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="">

            </a>
        </li>
        <li class="col-25">
            <div class="xing-ping">
                <h2>新品首发</h2>

            </div>
            <p>满198减80</p>
            <a href="#">
                <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="">

            </a>
        </li>
    </ul>
    <div class="meiri-logo"><img src="./uploads/154416478781252783.webp" alt=""></div>
    <ul class="meir-biguan row wrap floot">
        <li class="col-50 br bb rgong-neng">
            <div class="xing-ping">
                <a href="#"></a>
                <h2 class="zhineng-one1">你的人工智能电视已上线，请指示！</h2></a>
            </div>

        </li>
        <li class="col-50 bb">
            <div class="xing-ping">
                <h2>手机馆</h2>
                <span class="iphone">iPhone 8低至3188</span>
            </div>
            <p>抢12期免息劵</p>
            <a href="#">
                <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="">
                <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="">
            </a>
        </li>
        <li class="col-50 br bb">
            <div class="xing-ping">
                <h2 class="diang-nao">电脑办公</h2>

            </div>
            <p>疯抢600元劵</p>
            <a href="#">
                <img src="./uploads/xLZlgAFCQAsuxaoC6cd9_w.webp" alt="">
                <img src="./uploads/200/154821114819322870.jpg" alt="">
            </a>
        </li>
        <li class="col-50 bb">
            <div class="xing-ping">
                <h2 class="diang-nao">苏宁极物</h2>

            </div>
            <p>苏宁自有品牌</p>
            <a href="#">
                <img src="./uploads/xLZlgAFCQAsuxaoC6cd9_w.webp" alt="">
                <img src="./uploads/200/154821114819322870.jpg" alt="">
            </a>
        </li>
        <li class="col-50 br">
            <div class="xing-ping">
                <h2 class="diang-nao">运动户外</h2>

            </div>
            <p>大牌特惠 低至3折</p>
            <a href="#">
                <img src="./uploads/10031873410576262814picH_1.jpg" alt="">
                <img src="./uploads/100318794145327516picH_1.jpg" alt="">
            </a>
        </li>
        <li class="col-25 br">
            <div class="xing-ping">
                <h2 class="diang-nao">苏宁数码</h2>

            </div>
            <p>1分抢音箱</p>
            <a href="#">
                <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="">

            </a>
        </li>
        <li class="col-25">
            <div class="xing-ping">
                <h2 class="diang-nao">Bliu+优品</h2>

            </div>
            <p>智能爆品818</p>
            <a href="#">
                <img src="./uploads/156557426163741613.webp" alt="">

            </a>
        </li>
    </ul> -->
    <div class="caini"><a href="#"><img src="./uploads/QRQM_abce46e1fb1c4cd98782bd49768461e60.png" alt=""></a></div>
    <div class="caini-xih"><img src="./uploads/154518371251022769.webp" alt=""></div>
    <ul class="foot-one2 row wrap">
        <li class="col-50">
            <img src="./uploads/201812050203032292_x.webp" alt="">
            <div class="zi-ying">
                <span>白猫柠檬薄荷洗洁精2kg可洗果蔬祛味除腥轻松哈哈哈</span>
            </div>
            <div class="jia-ge">
                <p>大聚惠</p>
                <span>￥11.8</span>
            </div>
        </li>
        <li class="col-50">
                <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="">
                <div class="zi-ying">
                    <span>白猫柠檬薄荷洗洁精2kg可洗果蔬祛味除腥轻松哈哈哈</span>
                </div>
                <div class="jia-ge">
                    <p class="shouji-ha">大聚惠</p>
                    <span>￥11.8</span>
                </div>
        </li>
        <li class="col-50">
                <img src="./uploads/201812050203032292_x.webp" alt="">
                <div class="zi-ying">
                    <span>白猫柠檬薄荷洗洁精2kg可洗果蔬祛味除腥轻松哈哈哈</span>
                </div>
                <div class="jia-ge">
                    <p>大聚惠</p>
                    <span>￥11.8</span>
                </div>
            </li>
            <li class="col-50">
                    <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="">
                    <div class="zi-ying">
                        <span>白猫柠檬薄荷洗洁精2kg可洗果蔬祛味除腥轻松哈哈哈</span>
                    </div>
                    <div class="jia-ge">
                        <p class="shouji-ha">大聚惠</p>
                        <span>￥11.8</span>
                    </div>
            </li>
            <li class="col-50">
                    <img src="./uploads/201812050203032292_x.webp" alt="">
                    <div class="zi-ying">
                        <span>白猫柠檬薄荷洗洁精2kg可洗果蔬祛味除腥轻松哈哈哈</span>
                    </div>
                    <div class="jia-ge">
                        <p>大聚惠</p>
                        <span>￥11.8</span>
                    </div>
                </li>
                <li class="col-50">
                        <img src="./uploads/eHg0ZX2F5O-V8toveGv5QA.webp" alt="">
                        <div class="zi-ying">
                            <span>白猫柠檬薄荷洗洁精2kg可洗果蔬祛味除腥轻松哈哈哈</span>
                        </div>
                        <div class="jia-ge">
                            <p class="shouji-ha">大聚惠</p>
                            <span>￥11.8</span>
                        </div>
                </li>

    </ul>
    <div class="xia-zai">
        <a href="#"><img src="./uploads/154425305248104492.webp" alt=""></a>
    </div>

    <ul class="foot-nav row">
        <li class="col-20 coled"><a href="#"><img src="./images/154518776962642834.png" alt=""><span>猜你喜欢</span></a>
        </li>
        <li class="col-20"><a href="#"><img src="./images/154518777766983546.png" alt=""><span>分类</span></a></li>
        <li class="col-20"><a href="#"><img src="./images/154518778584812163.png" alt=""><span>必抢清单</span></a></li>
        <li class="col-20"><a href="#"><img src="./images/154518779385872504.png" alt=""><span>购物车</span></a></li>
        <li class="col-20"><a href="#"><img src="./images/154518780211077845.png" alt=""><span>我的易购</span></a></li>
    </ul>
</body>

</html>